<template>
	<view class="PricingRules por">
		<view class="agreement text-align font-weight-600 color0 size-38">服务收费标准</view>
		<view class="privacy size-30 color3 text-align">
			<view class="font-weight-600">跑腿服务需支付50便利豆或3元/次到付</view>
			<view class="size-28">不限数量，数量超出10公斤需额外溢价服务</view>
		</view>
		<button class="agree dis" @click="onGotIt">
			<text class="color-f size-34 font-weight-600">我知道了</text>
		</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			onClose(e) {
				console.log(e)
				uni.removeStorageSync('privacyContractName'); // 收银台
				this.$emit('close')
			},
			onGotIt(){
				this.$emit('gotIt')
			}
		}
	}
</script>

<style lang="scss">
	.PricingRules {
		width: 630rpx;
		padding: 40rpx 32rpx 32rpx;

		.agree {
			width: 100%;
			height: 84rpx;
			border-radius: 100rpx;
			background: linear-gradient( 270deg, #EB0000 0%, #FF4E4E 100%);
			margin: 46rpx auto 0;
		}

		.agreement {
			margin-bottom: 40rpx;
		}

		.privacy {
			.font-weight-600 {
				margin-bottom: 24rpx;
			}

			.color {
				margin: 10rpx 0;
			}
		}
	}
</style>